exports.data = {
	json: {
		kind: 'Snippet',
		body: [
			'"t-tabs": "tdesign-miniprogram/tabs/tabs"',
			'"t-tab": "tdesign-miniprogram/tab-panel/tab-panel"',
		],
		detail: 'Tab 标签页 Tabs',
		documentation: `在app.json或index.json中引入组件`,
	},
	wxml: {
		kind: 'Snippet',
		body: ['<van-tabs active="{{ ${1:active} }}"${2}>${3}</van-tabs>'],
		detail: 'Tab 标签页 Tabs',
		documentation: `选项卡组件，用于在不同的内容区域之间进行切换。`,
		attrs: [
			{
				kind: 'Field',
				body: ['animation='],
				detail: 'animation',
				documentation: '动画效果设置。其中 duration 表示动画时长,具体请看文档',
				vals: null,
			},
			{
				kind: 'Field',
				body: ['show-bottom-line='],
				detail: 'show-bottom-line',
				documentation: '是否展示底部激活线条',
				vals: {
					kind: 'Value',
					body: ['true', 'false'],
					detail: '',
					documentation: '',
				},
			},
			{
				kind: 'Field',
				body: ['space-evenly='],
				detail: 'space-evenly',
				documentation: '选项卡头部空间是否均分',
				vals: {
					kind: 'Value',
					body: ['true', 'false'],
					detail: '',
					documentation: '',
				},
			},
			{
				kind: 'Field',
				body: ['split='],
				detail: 'split',
				documentation: '是否展示分割线',
				vals: {
					kind: 'Value',
					body: ['true', 'false'],
					detail: '',
					documentation: '',
				},
			},
			{
				kind: 'Field',
				body: ['sticky'],
				detail: 'sticky',
				documentation: '是否开启粘性布局',
				vals: {
					kind: 'Value',
					body: ['true', 'false'],
					detail: '',
					documentation: '',
				},
			},
			{
				kind: 'Field',
				body: ['middle='],
				detail: 'middle',
				documentation: '中间内容，介于头部和内容之间',
				vals: null,
			},
			{
				kind: 'Field',
				body: ['sticky-props='],
				detail: 'sticky-props',
				documentation:
					'透传至 Sticky 组件。TS 类型：StickyProps，Sticky API Documents。详细类型定义',
				vals: null,
			},

			{
				kind: 'Field',
				body: ['theme='],
				detail: 'theme',
				documentation: '标签的样式。可选项：line/tag/card',
				vals: {
					kind: 'Value',
					body: ['line', 'card', 'tag'],
					detail: '',
					documentation: '',
				},
			},
			{
				kind: 'Field',
				body: ['color='],
				detail: 'color',
				documentation: '标签主题色',
				vals: null,
			},
			{
				kind: 'Field',
				body: ['value='],
				detail: 'value',
				documentation:
					'激活的选项卡值。TS 类型：TabValue type TabValue = string | number。详细类型定义',
				vals: null,
			},
			{
				kind: 'Field',
				body: ['default-value='],
				detail: 'default-value',
				documentation: '激活的选项卡值。非受控属性。TS 类型',
				vals: null,
			},
			{
				kind: 'Field',
				body: ['swipeable='],
				detail: 'swipeable',
				documentation: '是否开启手势滑动切换',
				vals: {
					kind: 'Value',
					body: ['true', 'false'],
					detail: '',
					documentation: '',
				},
			},
			/**
         * Tabs Event
          事件名	说明	参数
          bind:click	点击标签时触发	name：标签标识符，title：标题
          bind:before-change v1.10.10	tab 切换前会触发，在回调函数中返回 false 可终止 tab 切换，绑定事件的同时需要将use-before-change属性设置为true	event.detail.name: 当前切换的 tab 标识符， event.detail.title: 当前切换的 tab 标题， event.detail.index: 当前切换的 tab 下标，event.detail.callback: 回调函数，调用callback(false)终止 tab 切换
          bind:change	当前激活的标签改变时触发	name：标签标识符，title：标题
          bind:disabled	点击被禁用的标签时触发	name：标签标识符，title：标题
          bind:scroll	滚动时触发	{ scrollTop: 距离顶部位置, isFixed: 是否吸顶 }
         */
			{
				kind: 'Event',
				body: ['bind:click='],
				detail: 'bind:click',
				documentation: '点击标签时触发',
				vals: null,
			},
			{
				kind: 'Event',
				body: ['bind:change='],
				detail: 'bind:change',
				documentation: '当前激活的标签改变时触发',
				vals: null,
			},
			{
				kind: 'Event',
				body: ['bind:scroll='],
				detail: 'bind:scroll',
				documentation: '滚动时触发',
				vals: null,
			},
			/**
         * 外部样式类
          类名	说明
          custom-class	根节点样式类
          nav-class	标签栏样式类
          tab-class	标签样式类
          tab-active-class	标签激活态样式类
          wrap-class	标签栏根节点样式类
         */
			{
				kind: 'Field',
				body: ['t-class='],
				detail: 't-class',
				documentation: '根节点样式类',
				vals: null,
			},
			{
				kind: 'Field',
				body: ['t-class-item='],
				detail: 't-class-item',
				documentation: '选项样式类',
				vals: null,
			},
			{
				kind: 'Field',
				body: ['t-class-content='],
				detail: 't-class-content',
				documentation: '内容样式类',
				vals: null,
			},
			{
				kind: 'Field',
				body: ['t-class-active='],
				detail: 't-class-active',
				documentation: '标签激活态样式类',
				vals: null,
			},
			{
				kind: 'Field',
				body: ['t-class-track='],
				detail: 't-class-track',
				documentation: '滚动条样式类',
				vals: null,
			},
		],
		/**
       * Tabs Slot
        名称	说明
        nav-left	标题左侧内容
        nav-right	标题右侧内容
       */
		slot: {
			kind: 'Value',
			body: ['middle'],
			detail: 'Tab 标签页 Tabs Slot',
			documentation: `
        nav-left	标题左侧内容
        nav-right	标题右侧内容
        `,
			vals: null,
		},
	},
}
